<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="keywords"content="这里写网页的关键字">
    <meta name="description" content="这是网页的简介">
    <style type="text/css">
       box{
           margin: 20px;
       }
       .header{
           top: 0;
           left: 0;
           width: 100%;
           height: 64px;
           background-color: aquamarine;
           position: fixed;
       }
       .header.nav ul{
           width: 100%;
           height: 100%;
           display: block;
       }
       .header.nav ul li{
           width: 96px;
           height: 100%;
           display: block;
           float: left;
       }
       .header.nav ul li a{
           color: white;
           width: 100%;
           height: 100%;
           display: block;
           text-align: center;
           text-decoration: none;
           line-height: 64px;
       }
       .header.nav ul li a:hover{
           transition: 0.8s;
           background-color: #000000;
           border-radius: 16px;
       }
    </style>
</head>
<body>
<div id="header">
    <div class="logo">这个是logo</div>
    <div>
        <ul>
            <li><a href="#" f>首页</a></li>
            <li><a href="#" f>首页</a></li>
            <li><a href="#" f>首页</a></li>
            <li><a href="#" f>首页</a></li>
            <li><a href="#" f>首页</a></li>
            <li><a href="#" f>首页</a></li>
        </ul>
    </div>
</div>
</body>
</html>